<template>
	<view class="noData">
	  <image :src="src" mode="widthFix" class="noDataImg"></image>
	  <slot></slot>
	</view>
</template>

<script>
	export default{
	    props:["src"]
	   
	}
</script>

<style>
	.noData{
	  width:100%;
	  display: flex;
	  flex-direction: column;
	  margin-top: 30rpx;
	  justify-content: center;
	  align-items: center;
	}
	.noData image{
	  width:300rpx;
	}
	.noData view{
	  font-size: 30rpx;
	  color:#888;
	  margin-top: 25rpx;
	}
</style>
